.px2rem(@name, @px) {
   @{name}: @px / 75 * 1rem;
}
.pt(@top){.px2rem(padding-top, @top);}
.pl(@top){.px2rem(padding-left, @top);}
.pr(@top){.px2rem(padding-right, @top);}
.pb(@top){.px2rem(padding-bottom, @top);}
.ml(@top){.px2rem(margin-left, @top);}
.mt(@top){.px2rem(margin-top, @top);}
.mb(@top){.px2rem(margin-bottom, @top);}
.mr(@top){.px2rem(margin-right, @top);}
header{
	display: flex;
    align-items: center;
    justify-content: space-between;
	.px2rem(height,98);
	background: #fafafa;
	.px2rem(font-size,40);
	color: #333333;
	border-bottom: 1px solid #cdcdcd;
	img{
		.pl(20);
		.px2rem(width,35);
		.px2rem(height,50);
	}
}
.bannerrr{
	img{
		width:100%;
	}
}
nav{
	display: flex;
    align-items: center;
    justify-content: space-between;
	.px2rem(height,310);
	.dl1{
		.pl(30);
	}
	.dl2{
		.pr(30);
	}
	dl dd{
		.pt(10);
		.pl(5);
	}
	.li1{
		.px2rem(font-size,25);
		color: black;
	}
	.li2{
		.px2rem(font-size,20);
		color: #767676;
		.pt(10);
		.pl(10);
	}
}
.kong{
	.px2rem(height,22);
	background: #f4f4f4;
}
.biaoge{
	.px2rem(height,112);
	border-bottom:2px solid #e7e7e7;
	display: flex;
    align-items: center;
    justify-content: space-between;
    span{
    	.px2rem(font-size,30);
		color: #232323;
    }
	.chenghu{
		.pl(10);
	}
	.tianxie{
		.pr(10);
	}
}
.h1{
	.px2rem(font-size,24);
	color: #8f8f8f;
	.pt(28);
	.pl(47);
}
.yvyue{
	width:89%;
	.px2rem(height,100);
	background: #a2cf07;
	.px2rem(font-size,45);
	color: #ffffff;
	text-align: center;
	.px2rem(line-height,100);
	.mt(50);
	.ml(47);
}
.h2{
	.px2rem(font-size,25);
	color: #a1a1a1;
	.pt(44);
	text-align:center;
}
.boda{
	width:89%;
	.px2rem(height,100);
	border: 1px solid #a2cf07;
	.px2rem(font-size,40);
	color: #a2cf07;
	text-align: center;
	.px2rem(line-height,100);
	.mt(50);
	.ml(47);
	.mb(20);
}
.main{
	.px2rem(height,360);
	ul li{
		.px2rem(height,85);
		border:1px solid #dddddd;
	}
	.tu{
		.px2rem(height,105);
	}
	ul li{
		display: flex;
    	align-items: center;
    	justify-content: space-between;
    	color:#333333;
	}
	.niming{
		.pl(50);
	}
	.huode{
		.pr(50);
	}
}
.xiangshou{
	.px2rem(height,105);
	border:1px solid #dddddd;
}
.guanggao{
	.px2rem(height,1127);
	text-align:center;
	img{
		.pt(30);
	}
}
.zuimei{
	text-align:center;
	.px2rem(font-size,32);
	color: #323232;
	.zuimei1{
		.pt(60);
	}
	.zuimei2{
		.pt(20);
	}
}
.nav1{
	display: flex;
    align-items: center;
    justify-content: space-between;
	.px2rem(height,310);
	.mb(98);
	.dl1{
		.pl(30);
	}
	.dl2{
		.pr(30);
	}
	dl dd{
		.pt(10);
		.pl(5);
	}
	.li1{
		.px2rem(font-size,25);
		color: black;
	}
	.li2{
		.px2rem(font-size,20);
		color: #767676;
		.pt(10);
		.pl(10);
	}
}
footer{
	display: flex;
    align-items: center;
    justify-content: space-between;
	.px2rem(height,98);
	background: #f2f2f2;
	position: fixed;
    bottom: 0;
    width: 100%;
	span{
		.px2rem(width,280);
		.px2rem(height,68);
		background:#ffffff;
		text-align:center;
		.px2rem(line-height,57);
		.px2rem(font-size,30);
	}
	.s1{
		.ml(35);
	}
	.s2{
		.mr(35);
		background:#a3cf08;
		color:#ffffff;
	}
}